<template>
	<div class="productInfo">
        <div class="ind-swiper">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                  <a  class="swiper-slide" v-for="(oitem,oindex) in 5" :key="oindex">
                    <img src="./../../assets/banner.png" alt="">
                  </a>
                </div>
                <div class="swiper-pagination"></div>
              </div>
        </div>
        <div class="product-box">
            <div class="product-attribute">
                <p class="title">罗技（Logitech）MK275 无线光电键鼠套装</p>
                <p class="notes">办公零食 干货 零嘴 进口零食 坚果果干</p>
                <p class="price">零售价：¥1920.00</p>
                <p class="integral">积分价：¥120.00+积分90000</p>
            </div>
            <div class="space"></div>
            <div class="product-details">
                
            </div>
        </div>

	</div>
</template>

<script>
export default {
  	data(){
  		return {
            
  		}
  	},
    methods:{
       
    },
    created: function () {
        setTimeout(function () {
            var swiper1 = new Swiper('.ind-swiper>.swiper-container', {
                pagination: '.ind-swiper .swiper-pagination',
                paginationClickable: true,
                autoplay:2500
           });
         },10)
    },
  	mounted(){
  	}
}
</script>
<style lang="scss" scoped>
	@import "productInfo";
</style>
